
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>My Resident</title>
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
		<link rel="stylesheet" href="http://jeromeetienne.github.com/jquery-mobile-960/css/jquery-mobile-fluid960.min.css" />
		<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script src="js/quickforms.js"></script>
		<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

	
  </head>
  <body>
    
		<!-- Start of Page -->
		
		<!-- Page Header -->
		<div data-role="page">

			<div data-role="header" data-position="inline" data-theme="a">
				<h1 id="header">Resident Dashboard - </h1>
                <a href="logout.jsp" rel="external" data-role="button" data-inline="true" data-theme="c" class="ui-btn-right">Logout</a>
			</div>
		<!-- /header -->
		<div data-role="content" data-inset="true">	
	
        <!--<form action="" method="POST"> action will tell the form what code to run when the submit button is pressed. Now it just redirects to the portal -->
            <div data-role="navbar">
				<ul>
					<li><a href="Visits.html" rel="external">Visits</a></li>
					<li><a href="Reports.html" rel="external"  class="ui-btn-active ui-state-persist">Reports</a></li>
					<li><a href="Notes.html" rel="external">Notes</a></li>
                    <li><a href="teams.html" rel="external">Admin</a></li>
				</ul>
			</div><!-- /navbar -->
        <!--</form> -->
		<div data-role="content">
					<div data-role="collapsible" data-theme="b" data-content-theme="c">
				<h2>Choose a Report...</h2>
				<ul data-role="listview">
					<li><a href="Reports.html" rel="external">Age/Gender Report</a></li>
					<li><a href="Reports1.html" rel="external">Clinical Domain Report</a></li>
					<li><a href="tableChild.html" rel="external">Children Domains Table</a></li>
					<li><a href="tableAdult.html" rel="external">Adult Domains Table</a></li>
					<li><a href="tableElderly.html" rel="external">Elderly Domains Table</a></li>
					<li><a href="tableNewborn.html" rel="external">Maternity Domains Table</a></li>
					<li><a href="tableEndOfLife.html" rel="external">End of Life Domains Table</a></li>					
					<li><a href="tableProcedure.html" rel="external">Procedures Table</a></li>
				</ul>
			</div>
			
		<label for="time" class="select">Choose a Time Frame:</label>
			<select name="time" id="time"  data-native-menu="false" data-theme="b">
				<option value="Not"> -- Not Selected -- </option>
			   <option value="everything" selected="true">Everything</option>
			   <option value="Block 1">Block 1</option>
			   <option value="Block 2">Block 2</option>
			   <option value="Block 3">Block 3</option>
			   <option value="weekly">Current week</option>
			</select>
			<br>

		<!-- Page Content -->
		<div class="content-primary" data-theme="d">
		
			<table border="1">
			  <tr>
				<td><b>Maternity/ New Born Domains</b></td>
				<td><b>Diagnosis</b></td>
				<td><b># of Visits</b></td>
				
			  </tr>
			  <tr>
				<td rowspan="2">Prevention</td>
				<td>Colon cancer screening</td>
				<td>2</td>
			  </tr>
			  <tr>
				<td>Prostate cancer screening</td>
				<td>1</td>
			  </tr>
			  <tr>
				<td rowspan="3">Social Issue</td>
				<td>Domestic violence</td>
				<td>3</td>
			  </tr>
			  <tr>
				<td>Grief</td>
				<td>1</td>
			  </tr>
			  <tr>
				<td>Psychsocial crisis</td>
				<td>4</td>
			  </tr>
			  <tr>
				<td rowspan="3">Cancer</td>
				<td>Cancer pain management</td>
				<td>1</td>
			  </tr>
			  <tr>
				<td>Post-cancer surveillance</td>
				<td>2</td>
			  </tr>
			  <tr>
				<td>Providing cancer diagnosis</td>
				<td>1</td>
			  </tr>
			  <tr>
				<td>Urgent and Emergent conditions</td>
				<td>Acute Coronary Syndrome</td>
				<td>3</td>
			  </tr>
			</table>
			

		</div>
		</div>
		<!-- /content -->
		
		<!-- Page Footer -->
		<div data-role="footer">
	   		<h4></h4>
		</div>
		<!-- /footer -->
			
		</div>
		
		
		
		
  </body>
</html>
